<?php defined('IN_PHPCMS') or exit('No permission resources.'); ?><?php include template("content","header"); ?>
<!--main-->
<div class="banner">
    <div id="owl-demo" class="owl-carousel">
        <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"get\" data=\"op=get&tag_md5=5572695482c3d2ed4408957a4a2052a7&sql=select+%2A+from+banner\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}pc_base::load_sys_class("get_model", "model", 0);$get_db = new get_model();$r = $get_db->sql_query("select * from banner LIMIT 20");while(($s = $get_db->fetch_next()) != false) {$a[] = $s;}$data = $a;unset($a);?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
        <?php $n=1;if(is_array($data)) foreach($data AS $b) { ?>
            <div class="item">
                <img src="<?php echo $b['thumb'];?>" class="bannerimg" alt="">               
            </div>
        <?php $n++;}unset($n); ?>
    </div>
</div>
<script>
    $(function(){
        $('#owl-demo').owlCarousel({
            items: 1,
            autoPlay: true,
            itemsDesktop:[1199,1],
            itemsDesktopSmall:[979,1],
            itemsTablet:[768,1],
            itemsMobile:[479,1],
            addClassActive:true
        });


    });
</script>

<div class="xm-box wow fadeInUp">
    <div class="common-width">
        <div class="xm">
            <div class="about-bt">
                <h3 class="d-h3"><a href="?m=content&c=index&a=lists&catid=14" title="产品中心">产品中心</a></h3>
                <div class="d-xian"><img src="<?php echo IMG_PATH;?>line.png" alt=""></div>
                <h4 class="d-h4">Product center</h4>
            </div>
            <div class="xm_tp">
                <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"get\" data=\"op=get&tag_md5=f0262a71fcdb578f5b7b67ca09af727c&sql=select+%2A+from+picture+where+catid%3D14\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}pc_base::load_sys_class("get_model", "model", 0);$get_db = new get_model();$r = $get_db->sql_query("select * from picture where catid=14 LIMIT 20");while(($s = $get_db->fetch_next()) != false) {$a[] = $s;}$data = $a;unset($a);?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
                <div id="owl-xm" class="owl-carousel">
                <?php $n=1;if(is_array($data)) foreach($data AS $pros) { ?>
                   <div class="item">
                        <div class="con">
                            <a href="javascript:;" title=""><img src="<?php echo $pros['thumb'];?>" alt=""></a>
                            <div class="txt">
                                <h3><a href="?m=content&c=index&a=lists&catid=14" title=""><?php echo $pros['title'];?></a></h3>
                                <p><a href="?m=content&c=index&a=lists&catid=14" title="more">+</a></p>
                            </div>
                        </div>
                   </div> 
                <?php $n++;}unset($n); ?>
                </div>
                  <script>
                  $(function(){
                      $('#owl-xm').owlCarousel({
                          items: 3,
                          autoPlay: true,
                          navigation: true,
                      });
                  });
                  </script>
            </div>
        </div>
    </div>
</div>

<div class="cp-box wow fadeInUp">
    <div class="common-width">
        <div class="cp">
            <div class="about-bt">
                <h3 class="d-h3"><a href="?m=content&c=index&a=lists&catid=13" title="专业扶持">专业扶持</a></h3>
                <div class="d-xian"><img src="<?php echo IMG_PATH;?>line.png" alt=""></div>
                <h4 class="d-h4">Professional support</h4>
            </div>
            <div class="cp_tp">
                <ul>
                  <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"get\" data=\"op=get&tag_md5=2fedcf32d451af288d65e6266ea3a13b&sql=select+%2A+from+product+where+catid%3D13\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}pc_base::load_sys_class("get_model", "model", 0);$get_db = new get_model();$r = $get_db->sql_query("select * from product where catid=13 LIMIT 20");while(($s = $get_db->fetch_next()) != false) {$a[] = $s;}$data = $a;unset($a);?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
                  <?php $n=1;if(is_array($data)) foreach($data AS $list) { ?>
                  <?php $a = explode(' ', $list['description'])?>
                    <li>
                        <a href="<?php echo $list['url'];?>" title="">
                        <div class="serIco"><img src="<?php echo $list['thumb'];?>" alt="<?php echo $list['keywords'];?>"></div>
                        <div class="serIco1"><img src="<?php echo IMG_PATH;?>biao1.png" alt="<?php echo $list['keywords'];?>"></div>
                        <h4 class="serTitle"><?php echo $list['keywords'];?></h4> 
                        <div class="serIntro"><?php echo $a['0'];?><br><?php echo $a['1'];?></div> 
                        <div class="serLink">查看详情</div>
                        </a> 
                    </li>
                  <?php $n++;}unset($n); ?>
                </ul>
            </div>
        </div>
    </div>
</div>
<?php unset($a)?>
<div class="al_box wow fadeInUp">
    <div class="common-width">
        <div class="al">
            <div class="al_bt">
                <h3><a href="?m=content&c=index&a=lists&catid=15" title="">门店展示</a></h3>
                <span><i>20余年</i>专注设计 紧跟消费者审美眼光</span>
                <em>Focus on design for more than 20 years, keep an eye on consumers' aesthetic vision</em>
            </div>
            <div class="al_tp">
                <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"get\" data=\"op=get&tag_md5=bc28a3f0aa39adfe9c5bddd1c48b55f5&sql=select+%2A+from+picture+where+catid%3D15&return=data1\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}pc_base::load_sys_class("get_model", "model", 0);$get_db = new get_model();$r = $get_db->sql_query("select * from picture where catid=15 LIMIT 20");while(($s = $get_db->fetch_next()) != false) {$a[] = $s;}$data1 = $a;unset($a);?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
                    <div id="owl-al" class="owl-carousel">
                        <?php $n=1;if(is_array($data1)) foreach($data1 AS $case1) { ?>
                        <div class="item">
                            <a href="<?php echo $case['url'];?>" title=""><img src="<?php echo $case1['thumb'];?>" alt="" /></a>
                            <a href="<?php echo $case['url'];?>" title=""><p><?php echo $case1['title'];?></p></a>
                        </div>
                        <?php $n++;}unset($n); ?>
                    </div>
                <script>
                    $(function(){
                        $('#owl-al').owlCarousel({
                            items: 4,
                            autoPlay: true,
                            navigation: true,
                            navigationText: ["上一个","下一个"]
                        });
                    });
                </script>

                <div style="clear:both;"></div>
            </div>
        </div>
    </div>
</div>

<div class="about-box wow fadeInUp">
    <div class="common-width">
        <div class="about">
            <div class="about-bt">
                <h3 class="d-h3"><a href="javascript:;" title="公司简介">公司简介</a></h3>
                <div class="d-xian"><img src="<?php echo IMG_PATH;?>line.png" alt=""></div>
                <h4 class="d-h4">about us</h4>
            </div>
            <div class="about-nr">
               一点点奶茶加盟连锁品牌创立于1994年，距今已将近20年的时间。<br>起初仅仅是台湾台南地区路边的饮料茶摊，尚未有专属品牌名称，后因营业状况蒸蒸日上，才转型为店铺是经营。<br>1997年成立第一家模范店。1998年后逐渐开始设立分店，走向连锁加盟式的经营。<br>截至目前为止，全台湾已经有500余家门市。至2011年为止大台北地区已拓展约150家门市，包含直营店30家以及120家奶茶加盟店。
            </div>
            <div class="about-shuzi">
                <ul>
                    <li>
                        <div class="shuzi"><span id="myTargetElement1">1994</span>年</div>
                        <div class="miaoshu">品牌创立于1994年</div>
                    </li>
                    <li>
                        <div class="shuzi"><span id="myTargetElement2">500</span>余家</div>
                        <div class="miaoshu">至今已经有500余家门市</div>
                    </li>
                    <li>
                        <div class="shuzi"><span id="myTargetElement3">1997</span><b>年</b></div>
                        <div class="miaoshu">成立第一家模范店</div>
                    </li>
                </ul>
            </div>
            <div class="clearfix"></div>
            <script type="text/javascript" src="<?php echo JS_PATH;?>countUp.min.js"></script>
            <script type="text/javascript">
                var options = {
                    useEasing : true,
                    useGrouping : true,
                    separator : '',
                    decimal : '',
                    prefix : '',
                    suffix : ''
                };
                var demo1 = new CountUp("myTargetElement1", 0, 1994, 0, 2.5, options);
                var demo2 = new CountUp("myTargetElement2", 0, 500, 0, 2.5, options);
                var demo3 = new CountUp("myTargetElement3", 0, 1997, 0, 2.5, options);
                $(window).scroll(function(){
                    if($(window).scrollTop()>=100){
                        demo1.start();
                        demo2.start();
                        demo3.start();
                    }
                })
            </script>
        </div>
    </div>
</div>

<div class="youshi-box">
    <div class="common-width">
        <div class="youshi">
            <ul>
                <li class="wow fadeInUp" data-wow-delay="0s">
                    <div class="pic_box"><img src="<?php echo IMG_PATH;?>icon_service1.png" alt=""></div>
                    <h1><strong>经验丰富</strong><span>experienced</span></h1>
                </li>
                <li class="wow fadeInUp" data-wow-delay="0.1s">
                    <div class="pic_box"><img src="<?php echo IMG_PATH;?>icon_service2.png" alt=""></div>
                    <h1><strong>专业团队</strong><span>Professional team</span></h1>
                </li>
                <li class="wow fadeInUp" data-wow-delay="0.2s">
                    <div class="pic_box"><img src="<?php echo IMG_PATH;?>icon_service3.png" alt=""></div>
                    <h1><strong>专业技术</strong><span>Efficient construction</span></h1>
                </li>
                <li class="wow fadeInUp" data-wow-delay="0.3s">
                    <div class="pic_box"><img src="<?php echo IMG_PATH;?>icon_service4.png" alt=""></div>
                    <h1><strong>高性价比</strong><span>High cost performance</span></h1>
                </li>
                <li class="wow fadeInUp" data-wow-delay="0.4s">
                    <div class="pic_box"><img src="<?php echo IMG_PATH;?>icon_service5.png" alt=""></div>
                    <h1><strong>贴心售后</strong><span>Intimate after-sales</span></h1>
                </li>
                <div class="clear"></div>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
</div>

<div class="news-box">
    <div class="common-width">
        <div class="news">
            <div class="about-bt">
                <h3 class="d-h3"><a href="?m=content&c=index&a=lists&catid=16" title="新闻动态">新闻动态</a></h3>
                <div class="d-xian"><img src="<?php echo IMG_PATH;?>line.png" alt=""></div>
                <h4 class="d-h4">news center</h4>
            </div>
            <div class="news-nr">
                <div class="news-left wow fadeInLeft">
                    <div id="owl-news" class="owl-carousel">
                        <!--行业新闻-->
                        <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"get\" data=\"op=get&tag_md5=3f35f9d4afce6c11305ede1811d25716&sql=select+%2A+from+news+where+catid%3D18\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}pc_base::load_sys_class("get_model", "model", 0);$get_db = new get_model();$r = $get_db->sql_query("select * from news where catid=18 LIMIT 20");while(($s = $get_db->fetch_next()) != false) {$a[] = $s;}$data = $a;unset($a);?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
                        <?php $n=1;if(is_array($data)) foreach($data AS $h) { ?>
                            <div class="item">
                                <a href="<?php echo $h['url'];?>" target="_blank">
                                    <div class="tu"><img src="<?php echo $h['thumb'];?>" alt=""></div>
                                    <div class="itemzi">
                                        <h2 class="news-date"><?php echo date('Y-m-d',$h['updatetime']);?><span>hot</span></h2>
                                        <h3 class="news-tit"><?php echo $h['title'];?></h3>
                                        <p class="news-info"><?php echo str_cut($h['description'],230);?></p>
                                    </div>
                                </a>
                            </div>
                        <?php $n++;}unset($n); ?>
                    </div>
                    <script>
                        $(function(){
                            $('#owl-news').owlCarousel({
                                singleItem: true,
                                autoPlay: true
                            });

                        });
                    </script>

                </div>
                <div class="news-right wow fadeInRight">
                    <ul>
                        <!--公司新闻-->
                        <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"get\" data=\"op=get&tag_md5=e713cd5b488889a5522df7c25cd918cf&sql=select+%2A+from+news+where+catid%3D17+order+by+id+desc&num=4\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}pc_base::load_sys_class("get_model", "model", 0);$get_db = new get_model();$r = $get_db->sql_query("select * from news where catid=17 order by id desc LIMIT 4");while(($s = $get_db->fetch_next()) != false) {$a[] = $s;}$data = $a;unset($a);?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
                        <?php $n=1;if(is_array($data)) foreach($data AS $g) { ?>
                            <li>
                                <h2 class="news-date"><?php echo date('Y-m-d',$h['updatetime']);?><span>hot</span></h2>
                                <h3 class="news-tit"><a href="<?php echo $g['url'];?>" title=""><?php echo $g['title'];?></a></h3>
                                <p class="news-info"><?php echo str_cut($g['description'],230);?></p>                            
                            </li>
                        <?php $n++;}unset($n); ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"link\" data=\"op=link&tag_md5=bed4662a790567447d1ff4ec4a0241b6&action=type_list&typeid=4&siteid=1&linktype=1&order=listorder+DESC&num=8&return=pic_link\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}$link_tag = pc_base::load_app_class("link_tag", "link");if (method_exists($link_tag, 'type_list')) {$pic_link = $link_tag->type_list(array('typeid'=>'4','siteid'=>'1','linktype'=>'1','order'=>'listorder DESC','limit'=>'8',));}?>

 <?php $n=1;if(is_array($pic_link)) foreach($pic_link AS $v) { ?>
《s》

 <li><a href="<?php echo $v['url'];?>" title="<?php echo $v['name'];?>" target="_blank"><img src="<?php echo $v['logo'];?>" width="90" height="30" /></a></li>

 <?php $n++;}unset($n); ?>
 <?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
<?php include template("content","footer"); ?>